$(function(){
    $.ajax({
        url:"../data/data.json"
    })
    .then(function(res){
        console.log(res.datas);
        
        var html = res.datas.map(function(item,index){
            return `<div class="m_item">
                        <img src="${item.img}" alt="">
                        <p>${item.title}</p>
                        <p>￥${item.price}</p>
                        <button data-id="${index}">加入购物车</button>
                    </div>`
        }).join("");
        $(".main").html(html);
        goods_data = res.datas;
        
    });
    $(".main").on("click","button",function(){
        var data_id = $(this).attr("data-id");
        addCart(data_id);
    })
    var goods_data = null;
    var cart = (function(){
        // 如果购物车数据存在,那么我们就把购物车数据变成对象； 
        // 如果购物车数据解释时报错我们就重新创建新的的购物车数据; 
        if( localStorage.getItem("cart")){
              var data = null;
              try{
                    data =  JSON.parse( localStorage.getItem("cart") );

              }catch(e){
                    data = {};
              }

              return data;
        } else{
              return {};
        }
  })();
  function addCart( id ){

    // 我们现在向购物车之中添加数据， 添加多少都一样; 
    // 我们要判断，当前购物车是要添加新的数据， 还是添加已有的数据; 
    if( id in cart ){
          cart[id].count ++;
    }else{
          // 给数据添加上数量信息; 
          goods_data[id].count = 1;
          cart[id] =  goods_data[id]
    }
    // console.log(cart);
    // 每次添加购物车之后都把购物车信息保存在localstorage里面; 
    localStorage.setItem("cart" , JSON.stringify(cart)) 
} 
})